/* Base Fix */
/*
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;}
*/
*{margin:0;padding:0;}

a{text-decoration:none;}
ul{list-style-type:none;}
a:link,a:visited {text-decoration:none;}
a:hover,a:active,.pointer:hover {text-decoration:underline;}
a:focus{outline:none}

/* base layout */
#container{width:99%;min-width:600px;margin:0 auto;}

#north {}
#center {}
#south {clear:both;}
#mainWrap {width:100%;float:left;}
#west {float:left;}
#main {min-height:50px;}
#east {float:right;}
#main_east{float:right;}

#logininfo{float:right;}

/* color */
body{background-color: #2A4580;}
container{background-color:#2A4580;}

.messages{text-align: center;background-color:white;color: black;}
.messages .error{color: red;}
.messages .warning{color: #ee3333;}
.messages .success{color: green;}

.error{color:red;}
a,.pointer {color:white;}
.keyword{background-color:yellow;}
.sidepanel .t{color:white;}
.mceContentBody{background-color: white; }
.mceContentBody a{color: blue;}
/*Font and size */
body, td, pre { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; }
body{margin:0 0 0 6px;}
h1,h2,h3,h4,h5,h6{#text-shadow: -1px -1px white, 1px 1px #333;
text-shadow: 2px 2px 2px #333;}
h1 {font-size: 2em}
h2 {font-size: 1.5em}
h3 {font-size: 1.17em}
h4 {font-size: 1em}
h5 {font-size: .83em}
h6 {font-size: .75em}
img {border:0;}

ins {border-bottom:1px solid green; text-decoration: none; color:green}
del {color:red; text-decoration:line-through}
cite {border-bottom:1px dashed blue}
acronym {border-bottom:1px dotted #CCC; cursor:help}
abbr, html\:abbr {border-bottom:1px dashed #CCC; cursor:help}

/*Header */
.header_c1,.header_c2{height:137px;}
.header_c1{padding-right:48px; background:url(images/header.png) no-repeat right -274px;}
.header_c2{padding-left:48px;background:url(images/header.png) no-repeat top left;}
.header_c3{height:89px;padding:24px 0 ;background:url(images/header.png) repeat-x -47px -137px;}
.logo img{height:50px;}
.logo {float:left;}
.styleswitch {float:right;margin: 0 2px; block;width: 12px;height: 12px;border: 1px solid white;cursor: pointer;}
/* footer */
#footer{text-align:center;}

/*main nav*/
.main-nav{line-height:32px;padding-right:8px;margin-bottom:4px;}
.main-nav ul{padding: 0 0 0 8px;margin:0;height:32px;background:url(images/nav.png) repeat-x 0 -64px;}
.main-nav ul li{padding-right:2px;float:left;background:url(images/nav.png) no-repeat right -96px;}
.main-nav ul li a{height:1 em;display:block;padding:0 12px 0 14px;}
.main-nav ul li.active a ,.main-nav ul li a:hover{
background:url(images/nav.png) repeat-x 0 -128px;
}

/* content */
.content{padding: 0.5em;}
.content p {margin: 0.5em 0;}
.content div { margin-top: 1em 0;}

/* table.listing */
table.listing { clear: both; border-bottom: 1px solid #d7d7d7; border-collapse: collapse; border-spacing: 0; margin-top: 1em; width: 100%;}
table.listing th { text-align: left; padding: 0 1em .1em 0; font-size: 12px }
table.listing thead { background: #303030 }
table.listing thead th { border: 1px solid #d7d7d7; border-bottom-color: #999; font-size: 13px; font-weight: bold; padding: 2px .5em; vertical-align: bottom;}
table.listing thead th :link:hover, table.listing thead th :visited:hover { background-color: transparent;}
table.listing thead th a { border: none; padding-right: 12px }
table.listing th.asc a, table.listing th.desc a { font-weight: bold }
table.listing th.asc a, table.listing th.desc a { background-position: 100% 50%; background-repeat: no-repeat;}

table.listing tbody td, table.listing tbody th { border: 1px dotted #ddd; padding: .33em .5em; vertical-align: top;}
table.listing tbody td a:hover, table.listing tbody th a:hover { background-color: transparent;}
table.listing tbody tr { border-top: 1px solid #ddd }
table.listing tbody tr.even { background-color: #333333; }
table.listing tbody tr.odd { background-color: #3c3c3c; }
table.listing tbody tr:hover { background: #331 !important }

table.listing th.asc a {background-image:url(images/asc.png);}
table.listing th.desc a {background-image:url(images/desc.png);}


/*panel*/
.panel {}
.panel .t{height:11px;padding-right:16px;background:url(images/panel_a.png) no-repeat right -16px ;}
.panel .t1{height:11px;padding-left:16px;background:url(images/panel_a.png) no-repeat;}
.panel .t2{height:11px;background:url(images/panel_a.png) repeat-x 0 -80px ;}
.panel .b{height:16px;padding-right:16px;background:url(images/panel_a.png) no-repeat right  -48px ;}
.panel .b1{height:16px;padding-left:16px;background:url(images/panel_a.png) no-repeat 0 -32px;}
.panel .b2{height:16px;background:url(images/panel_a.png) repeat-x 0 -64px ;}

.panel .m{padding-right:16px;background:url(images/pmr.png) repeat-y  right ;}
.panel .m1{padding:0 0 0 8px;background:url(images/pml.png) repeat-y ;}
.panel .m2{background:url(images/pmc.png) repeat  ;}

/*sidepanel*/
.sidepanel {}
.sidepanel .t{height:31px;padding-right:17px;background:url(images/sptr.png) no-repeat right ;}
.sidepanel .t1{height:31px;padding-left:10px;background:url(images/sptl.png) no-repeat;}
.sidepanel .t2{height:31px;line-height:31px;background:url(images/sptc.png) repeat-x ;}
.sidepanel .b{height:14px;padding-right:17px;background:url(images/spbr.png) no-repeat  right;}
.sidepanel .b1{height:14px;padding-left:10px;background:url(images/spbl.png) no-repeat ;}
.sidepanel .b2{height:14px;background:url(images/spbc.png) repeat-x  ;}

.sidepanel .m{padding-right:10px;background:url(images/spmr.png) repeat-y  right ;}
.sidepanel .m1{padding-left:4px;background:url(images/spml.png) repeat-y ;}
.sidepanel .m2{padding:0 4px; background:url(images/spmc.png) repeat  ;}

.newsblock {float:left;width:388px;min-height:50px;}
.newsblock p{text-align: right;}

.clear{clear:both;}
/** blog **/
.post {
    min-height : 73px;
}
.post .date {
	background-image: url(images/date.png);
	width: 89px;
	height: 73px;
	text-align: center;
	float: right;
	text-transform: uppercase;
    font-family: "Palatino","Georgia","Baskerville",serif
    font-weight: bold;
}

.post .date .month {
	display: block;
	font-size: 14px;
	line-height: 17px;
	padding-top: 3px;
	color: #a9a9a9;
	font-weight: bold;
}

.post .date .day {
	display: block;
	font-weight: bold;
	font-size: 20px;
	padding-top: 3px;
	line-height: 18px;
	color: #afafaf;
}

.post .date .year {
	display: block;
	font-size: 0.8em;
	padding-top: 3px;
	color: #a5a5a5;
}

/*  Language menu has special styles */
.language img {
    width:16px;
    height:12px;
    line-height:12px;
    margin:3px 0;
    background:url('images/flags.png') 0 0 no-repeat;
    vertical-align:middle;
}
/*
.flag-en img, .flag-enUS img, .flag-en-US img { margin-right:4px; background-position:0 0; }
.flag-de img, .flag-deDE img, .flag-de-DE img { margin-right:4px; background-position:-17px 0; }
.flag-es img, .flag-esES img, .flag-es-ES img { margin-right:4px; background-position:-34px 0; }
.flag-fr img, .flag-frFR img, .flag-fr-FR img { margin-right:4px; background-position:-51px 0; }
.flag-cn img, .flag-zhCN img, .flag-zh-CN img { margin-right:4px; background-position:-68px 0; }
.flag-tw img, .flag-zhTW img, .flag-zh-TW img { margin-right:4px; background-position:0 -12px; }
.flag-kr img, .flag-koKR img, .flag-ko-KR img { margin-right:4px; background-position:-17px -12px; }
.flag-it img { background-position:-34px -12px; }
*/
.flag-en img, .flag-enUS img, .flag-en-us img { background-position:0 0; }
.flag-de img, .flag-deDE img, .flag-de-de img { background-position:-17px 0; }
.flag-es img, .flag-esES img, .flag-es-es img { background-position:-34px 0; }
.flag-fr img, .flag-frFR img, .flag-fr-fr img { background-position:-51px 0; }
.flag-zh img, .flag-cn img, .flag-zhCN img, .flag-zh-cn img { background-position:-68px 0; }
.flag-tw img, .flag-zhTW img, .flag-zh-tw img { background-position:-68px 0; }
/* .flag-tw img, .flag-zhTW img, .flag-zh-tw img { background-position:0 -12px; }
*/
.flag-kr img, .flag-koKR img, .flag-ko-kr img { background-position:-17px -12px; }
.flag-it img, .flag-itIT img, .flag-it-it img { background-position:-34px -12px; }
.flag-jp img, .flag-jpJP img, .flag-jp-jp img { background-position:-51px -12px; }
.flag-esMX img { background-position:-68px -12px; }
.flag-ru img, .flag-ruRU img, .flag-ru-ru img { background-position:0 -24px; } 


/*  ========== admin ============== */
/*forms*/
form .label{text-align:right;}
form .buttons{text-align:center;}
.sysMessage{text-align:center;background-color:yellow;position: fixed;left:45%;top: 0px;width:200px;height:50px;line-height: 50px;display: none;}
.sysError{text-align:center;background-color:#c71f4a;position: fixed;left:45%;top: 0px;width:200px;height:50px;line-height: 50px;display: none;color: white;}
.lang_sel{min-width:200px;display: inline-table;}
.float_left{float: left;margin-left:20px;}
.float_right{float: right;}
.accordion{cursor: pointer;}
ul.tab{border-right:1px solid #DEDEDE;height:28px;line-height:28px;overflow:hidden;}
ul.tab li{text-align: center;width: 110px;border: 1px solid black;float: left;margin-right: 5px;}
ul.tab a{display: block;width: 100%;height: 100%;}
.selected{background-color: black;color: white;} 
.available,.chosen{float: left;width: 270px;}
.available select,.chosen select{width: 100%;height:200px;}
.chooser{float: left;padding-top:120px;}
.float-right{float:right}
.float-left{float:left}
.permiss li ul{padding-left:40px;list-style:outside;clear: both;}
.permiss li ul li{float: left;width: 25%;}
fieldset{margin-top: 20px;background:url("images/field_bg.gif") repeat  0 0}
legend{font-weight: bold;font-size: 14px;border: 1px solid #CCCCCC;background: url("images/nav-bg.gif") repeat-x left bottom;}
/*
input {font-size: 12px;background-color: #FFFFFF;border: 2px solid #000000;padding: 1px;}
input:hover,input:focus:hover {font-size: 12px;border: 2px solid #FF6600;}
input:focus {font-size: 12px;border: 2px solid #FF9900;}
*/
.btn{background: url("images/blue.png") no-repeat left top;width:50%;}
.btn2{background: url("images/blue.png") no-repeat left top;}
.right{background-color:#CC0033;}
.paginator ul li{float:left;width:40px;text-align:center;margin-right:10px;}
.themelist li{float: left;width:200px;margin:20px;height: 200px;}
.themelist li img{width:100%;height:100%}
#floatBoxBg{width:100%;height:100%;background:#000;position:absolute;top:0;left:0;}
.box img{cursor:pointer;}
.operSpan{display: none;}
.errorlist{color:#ee0000;}
/*sitewidget页面用到的css*/
.sitewidgetlist li{
    float:left;
    margin:10px;
    width:20%;
    height:100%;
}
sitewidget li {
	text-align:center;
  	margin:0px;
    width:100px;
    height:100%;
}
.ic_input{
	text-align:center;
    margin:10px;
    position:relative;
    width:100px;
    height:100%;
}
